.con-title {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
  color: @baseBlack;
  margin-bottom: 12px;
}

// 账号管理
.account-manage {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;

  .teacher-box {
    width: 120px;
    height: 134px;
    margin: 0 6px;
    background-color: #f7f8fa;
    margin-bottom: 12px;
    border-radius: 8px;
    text-align: center;

    .th-head {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background-color: #fff;
      margin: 8px auto;

      img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
      }
    }

    .th-msg {
      display: flex;
      justify-content: center;
      padding: 0 8px;

      .th-label {
        width: 32px;
        flex-shrink: 0;
        padding: 2px 0;
        font-size: 12px;
        color: @baseBlack;
        border: 1px solid #c9cdd4;
        border-radius: 2px;
        margin-right: 4px;
      }

      .th-name {
        color: @baseBlack;
        font-weight: bold;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
    }

    .th-number {
      font-size: 12px;
      color: #86909c;
      margin-top: 6px;
    }
  }

  .main-account {
    background-color: #fff7e8;
    border: 1px solid #ff7d00;

    .th-label {
      color: #ff7d00 !important;
      border: 1px solid #ff7d00 !important;
    }

    .th-name {
      color: #ff7d00 !important;
    }
  }

  .el-button--text {
    padding: 8px;
  }
}

// 社群配置
.community-manage {
  display: flex;
  margin-bottom: 28px;

  .community-box {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background-color: #f7f8fa;
    padding: 8px 12px;

    .community-hd {
      width: 40px;
      height: 40px;
    }

    .cn-name {
      font-weight: bold;
      margin: 0 8px;
    }

    .cn-leader {
      display: flex;
      align-items: center;
      padding: 8px;
      background-color: #fff;
      border-radius: 4px;
      margin-right: 16px;

      img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        margin-right: 8px;
      }

      .ld-name {
        font-weight: bold;
        color: @baseBlack;
        margin-left: 8px;
      }

      .ld-num {
        color: #86909c;
      }
    }
  }
}

// 工作数据
.work-data {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;

  .data-box {
    width: 13%;
    height: 106px;
    border-radius: 8px;
    text-align: center;
    background-color: #f7f8fa;
    box-sizing: border-box;
    margin: 0 6px;
		margin-bottom: 10px;

    .data-number {
      font-size: 24px;
      margin-top: 24px;
    }

    .data-percent {
      font-size: 16px;
    }

    .data-name {
      color: @baseBlack;
    }
  }
}